<template>
  <div>
    <h2 class="text-xl font-bold text-gray-800 mb-6">工作经历</h2>
    <div class="space-y-8">
      <!-- 当前工作 -->
      <div class="relative pl-8 pb-8 border-l-2 border-gray-200">
        <div class="absolute left-[-8px] top-0 w-4 h-4 bg-primary rounded-full"></div>
        <div class="flex flex-wrap items-start justify-between mb-2">
          <div class="flex items-center mb-2 md:mb-0">
            <div class="w-12 h-12 bg-gray-100 rounded overflow-hidden flex items-center justify-center mr-3">
              <i class="ri-building-line text-gray-500 text-2xl"></i>
            </div>
            <h3 class="text-lg font-medium text-gray-800">{{ candidate.currentCompany }}</h3>
          </div>
          <div class="text-sm text-gray-500">至今</div>
        </div>
        <div class="mb-3">
          <div class="font-medium text-gray-700">{{ candidate.currentPosition }}</div>
          <div class="text-sm text-gray-500">{{ candidate.expectedIndustry }} | 大型企业</div>
        </div>
        <div class="text-gray-700">
          <p class="mb-3">负责{{ candidate.currentPosition }}相关工作，具有丰富的行业经验。</p>
          <ul class="list-disc pl-5 space-y-2 text-gray-600">
            <li>负责团队管理和项目推进</li>
            <li>制定和执行相关策略</li>
            <li>与各部门协调合作，确保目标达成</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import type { Candidate } from '../types'

interface Props {
  candidate: Candidate
}

defineProps<Props>()
</script>
